<template>
  <view>
    <u-navbar title="健康测评" back-icon-size="34" title-size="36" :border-bottom="false" :background="background" title-color="#222" back-icon-color="#222"></u-navbar>
    <view
      class=""
      style="
        margin: 20rpx 28rpx;
        background: #fff;
        border-radius: 20rpx;
        font-size: 28rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 47rpx 30rpx;
      "
    >
      <view class="">身体健康测评</view>
      <view class="">
        <u-icon name="arrow-right" color="#666"></u-icon>
      </view>
    </view>
    <view
      class=""
      style="
        margin: 20rpx 28rpx;
        background: #fff;
        border-radius: 20rpx;
        font-size: 28rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 47rpx 30rpx;
      "
    >
      <view class="">皮肤健康评估监测</view>
      <view class="">
        <u-icon name="arrow-right" color="#666"></u-icon>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      background: {
        background: '#FFFFFF'
      }
    };
  },
  methods: {}
};
</script>

<style>
page {
  background: #f8f8f8;
}
</style>
